.zg-area {
	.uni-load-more__text {
		font-size: 24rpx !important;
	}

	.area-nav {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		padding-top: var(--status-bar-height);
		background-color: #00b4ff;
		
		.nav {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			height: 44px;
			background-color: $blue;
		}
		
		.nav-left,
		.nav-right {
			flex-shrink: 0;
			width: 100rpx;
			display: flex;
			justify-content: center;
			align-items: center;
		
			image {
				width: 40rpx;
				height: 40rpx;
			}
		}
		
		.nav-center {
			flex-grow: 1;
			display: flex;
			align-items: center;
			font-size: 36rpx;
			color: #fff;
			
			.nav-center-text {
				width: 100%;
				text-align: center;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}
		
		.nav-search {
			position: relative;
			
			input {
				box-sizing: border-box;
				width: 460rpx;
				height: 28px;
				background-color: #fff;
				padding: 0 20rpx 0 75rpx;
				border-radius: 28rpx;
				font-size: 26rpx;
				color: #333;
			}
			
			.search-icon {
				width: 16px;
				height: 16px;
				position: absolute;
				left: 12px;
				top: 8px;
			}
		}
	}
	
	.area-content {
		padding: calc(var(--status-bar-height) + 44px) 0 0;
		
		&.self-nav {
			padding: 0;
		}
	}
	
	.fixed-btn {
		position: fixed;
		bottom: 140rpx;
		right: 30rpx;
		z-index: 2;
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
		
		image {
			width: 100%;
			height: auto;
		}
	}
	
	button {
		&::after {
			display: none;
		}
		padding: 0;
		line-height: 1;
		border: 0;
	}
	
	input {
		min-height: auto;
	}
	
	* {
		&::-webkit-scrollbar {
			display: none;
		}
	}
	
	.nomore {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 200rpx;
	}
	
	.nomore-text {
		text-align: center;
		font-size: 30rpx;
		
		image {
			width: 200rpx;
			height: auto;
			margin-bottom: 20rpx;
		}
	}
}
